import axios from 'axios'
//import { useRouter } from 'vue-router'
import router from '@/router'
import { ElMessage } from 'element-plus'

//let router=useRouter();
//创建axios实例对象
const request = axios.create({
  baseURL: '/api',
  timeout: 600000
})
//axios的请求request拦截器  拦截request发起的所有请求
request.interceptors.request.use(
  (config)=>{
    let loginUserStr= localStorage.getItem('loginUser');//从浏览器数据库中取出对象
    if (loginUserStr) {//判断存不存在
      config.headers.token=JSON.parse(loginUserStr).token//把对象转成字符串取token令牌的值赋给config.headers.token
    }
    return config;//
  },
  (error) => { //失败回调
    return Promise.reject(error)
  }
)
//axios的响应 response 拦截器
request.interceptors.response.use(
  (response) => { //成功回调
    return response.data
  },
  (error) => { //失败回调
    if (error.response.status==401) {
      //提示错误信息
      ElMessage.error('当前用户未登录,请重新登录')
      //401未登录跳转到登陆页面 push只能在<script setup>中使用</script> js不能直接使用
      router.push('/login');

    }
    return Promise.reject(error)
  }
)

export default request